@import '../../ui/base';

.nav-bar
  height 36px

.comment-relative
  display flex
  margin-top 30px
  justify-content space-between
  > div > div
    &::before
    &::after
      display none
  > div
    > h2
      color #A8B3C4
      font-size 18px
      line-height 1
      margin-bottom 15px

.comments
  width 754px
  > div > div > ul > li
    position relative
    padding 20px 35px 15px 35px

.relatives
  width 324px

.comment-list
  background-color #fff
  transition box-shadow .2s
  border 1px solid #e7e9ec
  padding-top 0
  padding-bottom 0
  &:hover
    box-shadow 0 0 18px rgba(0,0,0,.1)
  width 100%
  box-shadow inherit
  ul
    max-height inherit
    overflow visible

.relative-list
  width 100%
  box-shadow none
  background-color transparent
  border none
  padding 0
  margin-top 0
  hr 
    background-color initial
    margin 14px 0
  > div > div
    padding 0
    h2
      margin-bottom 15px
      font-size 18px
      line-height 1
  ul
    background-color #fff
    transition box-shadow .2s
    border 1px solid #e7e9ec
    padding 24px 20px
    &:hover
      box-shadow 0 0 18px rgba(0,0,0,.1)

.nav
  clear fix
  display inline-block
  height 36px
  background-color #fff
  box-shadow 0px 0px 6px rgba(0,0,0,0.2)
  @extends $fade-in
  > a
  > span
    position relative
    line-height 36px
    display block
    padding 0 20px
    color #8fa6bf
    float left
    &:hover
      opacity 1
    &::before
      transition border-color .2s
      content ''
      width 0
      height 0
      border-style solid
      border-width 18px 0 18px 8px
      border-color transparent transparent transparent rgba(0,0,0,.1)
      position absolute
      right -9px
      top 0
      z-index 10
    &::after
      transition border-color .2s
      content ''
      width 0
      height 0
      border-style solid
      border-width 18px 0 18px 8px
      border-color transparent transparent transparent #fff
      position absolute
      right -8px
      top 0
      z-index 10

.nav
  .period
    background-color #42a8fd
    color #fff
    &:hover
      text-decoration underline
    &::before
      display none
    &::after
      border-color transparent transparent transparent #42a8fd
      z-index 9

.auditBox
  background #fff
  padding 14px 0
  padding-left 74px
  border 1px solid #e5e5e5
  border-top-width 0
  transition all .3s
  &:hover
    box-shadow 0 0 10px #ccc
  .auditType
    margin-bottom 10px
    &>label
      display inline-block
      vertical-align middle
      margin-right 24px
      &>input, &>span
        display inline-block
        vertical-align middle
        margin-right 8px
      &:first-child
        padding-left: 54px
        text-align right
  .auditRemark
    padding-left 50px 
    input 
      width 90%
  button 
    margin-top 10px
    margin-left 50px 
    padding 4px 10px
    background #2299ee
    color #fff
    transition all .3s
    &:hover
      box-shadow 0 0 5px #29e